<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>上船首页</title>
		<meta http-equiv="Window-target" content="_top">
		<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-title" content="标题"/>
		<link rel="apple-touch-icon-precomposed" href="png"/>
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="png"/>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/Take_boat_index.css"/>
	</head>
	<body>
		<header>
			<p>上船</p>
		</header>
		<section class="content">
			<article class="topTr">
				<ul>
					<li class="hrefTak_boa_ind_flow">
						<img src="../img/liuc.png">
						<p><a href="#">上船流程</a></p>
					</li>
					<li class="hrefTak_boa_ind_ID">
						<img src="../img/banli.png">
						<p><a href="#">签证办理</a></p>
					</li>
					<li class="hrefTak_boa_ind_health">
						<img src="../img/tijian.png">
						<p><a href="#">健康体检</a></p>
					</li>
					<li>
						<img src="../img/qianz.png">
						<p><a href="#">我的签证</a></p>
					</li>
				</ul>

			</article>
			<article class="bottomTr">
				<ul>
					<li class="hrefTak_boa_ind_ticket">
						<img src="../img/feiji.png">
						<p><a href="#">电子机票</a></p>
					</li>
					<li>
						<img src="../img/xuzhi.png">
						<p><a href="#">岗前须知</a></p>
					</li>
					<li class="hrefTak_boa_ind_contract">
						<img src="../img/hetong.png">
						<p><a href="#">电子合同</a></p>
					</li>
					<li class="hrefTak_boa_ind_word">
						<img src="../img/wendang.png">
						<p><a href="#">确认文档</a></p>
					</li>
				</ul>
			</article>
		</section>
		<section class="section"></section>
		<section class="nav">
			<p>海乘常识</p>
			<p>海乘证件</p>
			<p>海乘体检</p>
			<p>海乘出行</p>
		</section>
		<section class="main">
			<dl>
				<dd>
					<h6>在游轮上印度客人点头Yes，摇头未必</h6>
					<p>这是一个印度的小女孩，名字太长，实在记不住，印象很深，我们早上几点开的门....</p>
		<p><span class="span"><img src="../img/1.png" >  12345</span><a><img src="../img/2.png" >  12345</a></p>
				</dd>
				<dt><img src="../img/picture1.png"</dt>
			</dl>
			
			<dl>
				<dd>
					<h6>在游轮上印度客人点头Yes，摇头未必</h6>
					<p>这是一个印度的小女孩，名字太长，实在记不住，印象很深，我们早上几点开的门....</p>
		<p><span class="span"><img src="../img/1.png" >  12345</span><a><img src="../img/2.png" >  12345</a></p>
				</dd>
				<dt><img src="../img/picture2.png" ></dt>
			</dl>
			
			<dl>
				<dd>
					<h6>在游轮上印度客人点头Yes，摇头未必</h6>
					<p>这是一个印度的小女孩，名字太长，实在记不住，印象很深，我们早上几点开的门....</p>
		<p><span class="span"><img src="../img/1.png" >  12345</span><a><img src="../img/2.png" >  12345</a></p>
				</dd>
				<dt><img src="../img/picture3.png"> </dt>
			</dl>
		</section>
		
		<footer>
			<dl class="hrefRecruit_index">
				<dt><img src="../img/3.png"></dt>
				<dd>招聘</dd>
			</dl>
			<dl class="hrefTrain_index">
				<dt><img src="../img/4.png"></dt>
				<dd>培训</dd>
			</dl>
			<dl>
				<dt><img src="../img/5.png"></dt>
				<dd style="color: #27c1b4;">上船</dd>
			</dl>
			<dl class="hrefmine_login_index">
				<dt><img src="../img/6.png"></dt>
				<dd>我的</dd>
			</dl>
		</footer>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript">
			$(function  () {
				$('footer .hrefRecruit_index').click(function  () {
				    location.href = "Recruit_index.html";
				})
				$('footer .hrefTrain_index').click(function  () {
				    location.href = "Train_index.html";
				})
				$('footer .hrefmine_login_index').click(function  () {
				    location.href = "mine_login_index.html";
				})
				$('.hrefTak_boa_ind_flow').click(function  () {
				    location.href = "Tak_boa_ind_flow.html";
				})
				
				
				$('.hrefTak_boa_ind_ID').click(function  () {
				    location.href = "Tak_boa_ind_ID.html";
				})
				$('.hrefTak_boa_ind_health').click(function  () {
				    location.href = "Tak_boa_ind_health.html";
				})
				$('.hrefTak_boa_ind_contract').click(function  () {
				    location.href = "Tak_boa_ind_contract.html";
				})
				$('.hrefTak_boa_ind_ticket').click(function  () {
				    location.href = "Tak_boa_ind_ticket.html";
				})
				$('.hrefTak_boa_ind_word').click(function  () {
				    location.href = "Tak_boa_ind_word.html";
				})
			})
		</script>
	</body>
</html>
